.container{
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  background: url('../img/street/bg.png') repeat center center;
  background-size: contain;
  background-color: #f8efda;
  /* height: 100vh; */
  overflow: auto;
}
.iconfont{
  font-size: 30px !important;
}
nav{
  height: 44px;
  background: #fff;
  font-size: 18px;
  color: #cb6e13; 
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
nav a:first-child{
  width: 78px;
}
nav .icon-home{
  width: 85px;
}
nav .mine{
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  border: solid 1px #cb6e13;
  line-height: 18px;
  border-radius: 3px;
}
.pay-title{
  background: #fff url('../img/png/pay-title.png') no-repeat center center / contain;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
/* .pay-title img{
  width: 92%;
  display: block;
  margin: 0 auto;
} */
.title{
  height:33px;
  font-size: 17px;
  text-align: center;
  line-height: 35px;
  width: 285px;
  margin: 0 auto;
  color: #fff;
  background: url('../img/png/title.png') no-repeat center top / 100% 100%;
}
.title-block{
  width: 100%;
  height: 30px;
  font-size: 18px;
  background: #cd1f1f;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
.dashi-wrap{
  padding: 8px 15px;
}
.dashi{
  padding: 12px 0;
  align-items: center;
}
.media{
  display: flex;
}
.media-img{
  width: 120px;
  flex-shrink: 0;
  margin-right: 12px;
    
}
.media-content{
  color: #841111;
  font-size: 12px;
  line-height: 20px;
}
.wrap{
  position: relative;
}
.form-title{
  position: absolute;
  top: -20px;
  font-weight: bold;
  font-size: 16px;
  color: #cb6e13;
  width: 158px;
  background: #f8efdb;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
}
.sm-wrap .border-img{
  position: relative;
  border: 12px solid;
  border-image: url('../img/png/border1.png') 21 round;
}
.sm-wrap .border-img .border{
  border: 1px dotted #f5e5cd;
  padding: 5px 15px;
  margin: -5px;
  background: #fbf7ed;
}
.sm-wrap{
  padding: 17px;
  padding-bottom: 0;
}

.form-group{
  border-bottom: 1px dotted #efd5b6;
  /* padding: 10px 0; */
  display: flex;
  height: 36px;
  align-items: center;
}
[name="date-pic"]{
  height: 100%;
}
.form-group:last-child{
  border: none;
}
.form-group label{
  flex-shrink: 0;
  color: #cb6e13;
  font-size: 14px;
  margin-right: 20px;
}
.form-group input{
  background: transparent;
  width: 100%;
  font-size: 14px;
}
.red{
  color: red;
}
.chroose{
  display: flex;
  color: #333;
  font-size: 14px;
}
.chroose a{
  display: flex;
}
.select{
  position: relative;
  margin-right: 5px;  
}
.sel{
  width: 12px !important;
  height: 12px !important;
  border: solid 1px #d4893e;
  border-radius: 50%;
  background-clip: content-box;
  padding: 2px;
}
.chroose label{
  margin-right: 20px;
}
.select input[type="radio"]{
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;top: 0;
  left: 0;
}
.select .sel.active{
  background-color: #d4893e;
}
.cs{
  width: 100%;
  font-size: 16px;
  border: 1px solid #cf7d2c;
  background-image: linear-gradient(to bottom,#ffe64c, #eea902);
  border-radius: 2px;
  margin: 8px auto;
  display: block;
  color: #923e00;
  height: 44px;
}
.cs-count{
  display: block;
  margin: 6px;
  text-align: center;
  font-size: 12px;
  color: #923e00;
}
.cs-count i{
  color: #f60930;
}
.fn-wrap{
  margin: 15px 15px 8px;
}
.fn-wrap .title{
  position: absolute;
  top: -18px;  
  left: 50%;
  transform: translate(-50%);
}
.fn-wrap .border-img{
  border: solid 9px;
  border-image: url('../img/png/border2.png') 18;
  padding: 0 5px;
  display: flex;
  align-items: center;
  background: #f0e2cf;
}
.fn-wrap .panel-item{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #c54137;
  text-align: center;
}
.fn-wrap .panel-item .sec-title{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.fn-wrap .panel-item .qizhi{
  width: 13.5px;
  height: 18px;
  background: url('../img/icon/qizhi.png') no-repeat center / cover;
  margin-right: 2px;
}
.fn-wrap .panel-item img{
  display: block;
  margin: 0 auto;
}
.fn-wrap .line{
  width: 1px;
  height: 115px;
  background-image: linear-gradient(to bottom, #efe2ce, #dbc5ac, #efe2ce);
  flex-shrink: 0;
}
.ts-wrap{
  margin: 30px 17.5px 17.5px;
}
.ts-wrap .title{
  top: -15px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.link{
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.link a{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* width: 71px; */
  width: 25%;
  padding: 5px 5px 0; 
  font-size: 14px;
}
.link a img{
  margin-bottom: 7.5px;
  border-radius: 5px;
}
.comment-wrap{
  margin: 15px 15px 10px;
  padding: 17.5px 12px 0;
  background: #fffdf2;
}
.comment-wrap .title{
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
}
.comment-wrap .info{
  color: #841111;
  text-align: center;
  font-size: 14px;
  display: block;
  margin-top: 5px
}
.comment-box{
  margin-top: 19px;
  height: 180px;
  overflow: hidden;
}
.user-info{
  color: #ca101b;
  font-size: 14px;
  margin-bottom: 10px;  
}
.comment{
  animation: run 150s linear infinite;
  /* transform: translateY(-98%); */
  position: relative;
}
.pos{
  position: absolute;
  left: 0;right: 0;
  /* bottom: -195px; */
  /* transform: translateY(100%); */
}
.content{
  max-height: 200rem;
  font-size: 13px;
  line-height: 17px;
  text-align: justify;
}
.comment .item{
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #efddb1; 
}
.comment .item:last-child{
  border-bottom: none;
}

.reply-wrap{
  margin: 0 15px;
  background: #fff;
  border-radius: 4px;
}
.reply-form{
  display: flex;
  flex-direction: column;
  padding: 12px;
}
.reply-form input{
  margin-bottom: 7px;
}
.reply-form textarea{
  margin-bottom: 7px;
}
.reply-form input, .reply-form textarea{
  border: solid 1px #b2b2b2;
  border-radius: 2px;
  padding: 5px;
  font-size: 14px;
  width: 100%;
}
.reply-form button{
  width: 100%;
  height: 32px;
  background: #db8732;
  border: none;
  border-radius: 2.5px;
  color: #fff;
  font-size: 14px;
}
footer{
  text-align: center;
  font-size: 12px;
  color: #787878;
  margin: 22.5px 0;
}
/* ::-webkit-input-placeholder{
  color:#ddd;
}
::-moz-placeholder{
  color:#ddd;
}
:-moz-placeholder{
  color:#ddd;
}
:-ms-input-placeholder{
  color:#ddd;
} */

@keyframes run {
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(0, -102%,0);
  }
}
.toast{
  font-size: 14px;
  padding: 10px;
  line-height: 22px;
  color: #fff;
  background: rgba(0,0,0,0.7);
  position: fixed;
  /* bottom: 10%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: show 1s both linear;
  text-align: center
}
/* @keyframes show {
  0%{
    transform: translate(-50%) scale(0);    
  }

  20%{
    transform: translate(-50%) scale(1);
  }
  80%{
    transform: translate(-50%) scale(1);
  }
  100%{
    transform: translate(-50%) scale(0);        
  }

} */
@keyframes show {
  0%{
    transform: translate(-50%) scale(0);    
  }

  20%{
    transform: translate(-50%) scale(1);
  }
  80%{
    transform: translate(-50%) scale(1);
    opacity: 1;      
    
  }
  100%{
    transform: translate(-50%) scale(1);  
    opacity: 0;      
  }

} 
.bottom_btn{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  border: 1px solid #cf7d2c;
  text-align: center;
  background-image: linear-gradient(to bottom,#ffe64c, #eea902);
  border-radius: 2px;
  margin: 0px auto;
  height: 44px;
  line-height: 44px;
  color: #923e00;  
  display: none;
  width: 100%;
}
.masking{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* 付款页 */
.pay-wrap{
  background: #fff;
}
.pay-info{
  display: flex;
  /* height: 200px; */
  padding: 5px 0 18px;
  background: #fff;
}
.pay-info .info{
  width: 43%;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.pay-info .dashi-info{
  padding-left: 30px;
}
.pay-info .maijia-info{
  padding-right: 30px;
}
.pay-info .info img{
  margin-bottom: 8px;
}
.pay-info .info .info-name{
  color: #333;
  font-size: 16px;
  margin-bottom: 8px;
}
.pay-info .info .info-des{
  color: #cb6e13;
  font-size: 14px;
}

.img-round{
  border-radius: 50%;
  width: 56%;
}
.pay-info .icon-bg{
  width: 14%;
  /* height: 100%; */
  background: url('../img/icon/bagua.png') no-repeat center 15px / contain;
}

.pay-price{
  background: #fff;
  background: #fff;
    
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 34px 12px;
  border-bottom: 1px solid #dedede;  
}
.pay-price .price:after{
  content: "";
  position: absolute;
  height: 1px;
  width: 90%;
  bottom: -5px;
  right: 0;
  background: #e4e4e4;
}
.pay-price .price{
  margin-bottom: 10px;
  position: relative;
}
.pay-price .price .price-del{
  color: #bbbbbb;
  font-size: 15px;
  text-decoration: line-through;
}
.pay-price .price .price-now{
  color: #ff1010;
  font-size: 14px;
}
.pay-price .price-big{
  font-size: 21px;
}
.pay-price .pay-dw{
  font-size: 14px;
}
.pay-price .time{
  color: #333;
  font-size: 14px;
}
.pay-price .time time{
  background: #f8efda;
  padding: 2px;
  margin-left: 3px;
}
.pay-btn-group{
  padding: 15px;
  background: #fff;
  
}
.pay-btn-group .btn{
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin-bottom:10px;
}
.pay-btn-group .btn .iconfont{
  vertical-align: middle;
}
.pay-btn-group .btn-wx{
  background: #00c800;
  box-shadow: 0 4px 0 0 #00b000;  
}
.pay-btn-group .btn:active{
  transform: translateY(3px);
  box-shadow: 0 1px 0 0;
}
.pay-btn-group .btn-alipay{
  background: #11c2ee;
  box-shadow: 0 4px 0 0 #0ba2c8;
}
.safe{
  color: #7a7a7a;
  font-size: 12px;
  margin: 5px 0 10px;
}
.biaoyu{
  font-size: 14px;
  color: #333;
  padding: 10px;
  background: #fae3ad;
  border-radius: 3px;
  line-height: 15px;
  
  position: relative;
}
.hot{
  color: #ed1b1b;
}
.biaoyu::before{
  content: '';
  display: block;
  border: 6px solid transparent;
  border-bottom-color: #fae3ad;
  position: absolute;
  top: -12px;
  left: 17px;
  width: 0;
  height: 0;
}
.sel-wrap{
  margin-bottom: 30px;
}
.sel-panel{
  /* padding: 20px 15px 0; */
  margin: 20px 15px 0;
  position: relative;
  min-height: 200px;
}
.btn-now{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  height: 28px;
  background: #ee8e11;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  border: none;
  width: 60%;
  border-radius: 5px;
  text-align: center;
}
.text-center{
  text-align: center;
}

.sm-wrap{
  padding-bottom: 15px;
}
.aq-container .link:first-of-type{
  margin-top: 0;
}

.pay-btn{
  /* display: flex; */
  align-items: center;
  justify-content: center;
  z-index: 10;
  display: none;
}
.pay-btn .iconfont{
  font-size: 20px !important;
}

/* 爱情精算 */
.aq-container{
  /* margin-bottom: 44px; */
  background: #faeeeb url('../img/png/aqbg.jpg') repeat-y left 200px / 100%;
}
.aq-container .form-title{
  background: #faeeeb;
}

.aq-container .comment-box{
  margin-top: 0;
}
.aq-container .sm-wrap .border-img .border{
  background: rgba(255,255,255,0.5);
}
.ques-wrap{
  margin: 0 15px 0;
  border: solid 1px #f27b81;
  border-radius: 3px;
  background: #fff url('../img/png/aqjsbg.png') no-repeat top center / contain;
  padding-top: 60px;
}
.ques-wrap .select-item{
  background: url('../img/png/aqjs.png') no-repeat center center / 100% 100%;
  height: 35px;  
  margin: 20px 15px;
  line-height: 35px;
  font-size: 14px;
  color: #ff3939;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ques-wrap .select-item span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ques-wrap .select-item i{
  width: 15px;
  height: 15px;
  background-clip: content-box;
  border: 1px solid #ff3939;
  border-radius: 50%;
  padding: 3px;
}
.ques-wrap .select-item i.active{
  background-color: #ff3939;
  
}
.aq-cs{
  width: 92%;
}

.title-aq{
  height: 36px;
  background: url('../img/png/border-title.png') no-repeat center bottom / 141px 33px;
  text-align: center;
  color: #ff3939;
  font-size: 16px;
  font-weight: bold;
}
.content span{
  color: #ff3939;
}
.comment-aq{
  background: #fff;
  border: 1px solid #f27b81;
  border-radius: 3px;
}
.comment-aq .comment-box{
  height: auto; 
}
.comment-aq .comment{
  animation: none;  
}
.pay-masking{
  background: rgba(0,0,0,0.5);
  display: none;
}
.pay-masking .pay-mask{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 90%;
  background: #fff;
  padding: 20px 0;
}
.aqdashi{
  background: url('../img/png/aqdsbg.png') no-repeat center center / 100% 100%;
  padding-left: 5px;
  padding-right: 5px;

}
.aqdashi .media-img{
  /* width: 145px; */
  width: 35%;
}
.aqdashi .iconfont{
  font-size: 12px !important;
  color: #d0241c;
}
.aqdashi .des{
  color: #0f0f0f;
  margin-top: 5px;
}
.aqdashi .media-content p{
  line-height: 1.4;
  color: #0f0f0f;
}
.aqdashi .media-content p span{
  color: #ce130a;
}
.cy-content {
  background: #faeeeb;
}

.cy-content .aqdashi{
  background-image: url('../img/png/cydsbg.png')
}

.cy-content .ques-wrap{
  background: #fff url('../img/png/cyjsbg.png') no-repeat center top / contain;
}
.cy-content .ques-wrap .select-item{
  height: 66px;
  color: #930f20;
  background-image: url('../img/png/cyjs.png');
  margin:5px 15px;
}
.cy-content .ques-wrap .select-item i{
  border-color: #930f20;
}
.cy-content .ques-wrap .select-item i.active{
  background-color: #930f20;
}
.title-cy{
  height: 18px;

  background: url('../img/png/border-cy.png') no-repeat center center / contain;
  margin-bottom: 20px;
}
.title-rm{
  background-image: url('../img/png/border-cy-rm.png');
}

.cy-content .media-content p, .jk-container .media-content p{
  text-indent: 0;
  color: #e7830e;
}
.jk-container .media-content p{
  text-indent: 0;
  color: #5a8f52;  
}
.jk-container .media-content .des{
  color: #643600;
}
.jk-container .iconfont{
  color: #5a8f52;
}
.jk-container .form-title{
  background: #edfff9;
}
.cy-content .iconfont {
  color: #e7830e;
}
.cy-content .aqdashi{
  padding-right: 10px;
}
.cy-content .media-content .des{
  color: #643600;
}

@media (max-width: 340px){
  .ques-wrap .select-item span{
    font-size: 12px;
  }
}

.jk-container{
  background: #edfff9 url("../img/png/jkbg.png") no-repeat center 130px /contain; 
}
.jk-container .aqdashi{
  background: none;
  border: 1px solid #009944;
}
.jk-container .ques-wrap .select-item{
  background-image: url('../img/png/jkjs.png');
}
.jk-container .ques-wrap .select-item span{
  color: #7c3f04;
}
.jk-container .ques-wrap .select-item i{
  border-color: #7c3f04;
  
}
.jk-container .ques-wrap .select-item i.active{
  background-color: #7c3f04;
}
.jk-container .ques-wrap{
  background-image: url('../img/png/jkjsbg.png');
  border-color: #009944;
}

.title-jk{
  height: 32px;
  margin: 0 auto 10px;
  background: url('../img/png/jk-title.png') no-repeat center center / contain;
}
.title-jk-rm {
  background-image: url('../img/png/jk-title-rm.png');
}

.jk-container nav .iconfont{
  color: #cb6e13;
}
.jk-container .comment-aq{
  border-color: #097c25;
  padding-top: 5px;
}


.jt .aqdashi{
  border-color: #f69a24;
}
.jt .media-content p{
  color: #f69a24;
}
.jt{
  background: #ffffff url("../img/png/jtbg.png") left top / 42px 20px;
}
.jt .media-content .des{
  color: #90520f;
}
.jt .form-title{
  background: #fff;
}
.jt .ques-wrap{
  background-image: url('../img/png/jtjsbg.png');
  border-color: #ec6941;
}
.jt .ques-wrap .select-item span{
  color: #b73020;
}
.jt .ques-wrap .select-item{
  background-image: url('../img/png/jtjs.png');
}
.jt .ques-wrap .select-item i{
  border-color: #ec6941;
}
.jt .ques-wrap .select-item i.active{
  background-color: #ec6941;
}
.jt .comment-aq{
  border-color: #f27b81;
  background: #fff url('../img/png/jttitlebg.png') no-repeat top right / 167px 117px;
  padding-top: 5px;
}
.jt .title-jt{
  background: url('../img/png/jt-title.png') no-repeat center center / contain;
  height: 35px;
  /* margin: 0 auto 10px; */
}
.jt .title-jt-rm{
  background: url('../img/png/jt-title-rm.png') no-repeat center center /contain;
}
/* .jt .content span{
  color: #ff9639;
} */
.jt .link:first-of-type{
  margin-top: 0;
}



.xy .aqdashi{
  border: solid 1px #0d93ae;
  background: none;
}
.xy .media-content p{
  color: #0d93ae;
}
.xy .iconfont{
  color: #0d93ae;
}
.xy .media-content p{
  text-indent: 0;
}
.xy{
  background: url('../img/png/xyjsbg2.jpg') no-repeat 0 200px  / contain, url("../img/png/xybg.png")  no-repeat 0 bottom  / contain;
  background-color: #e5f4ff;
}
.xy .media-content .des{
  color: #90520f;
}
.xy .form-title{
  background: #e5f4ff;
}
.xy .ques-wrap{
  background-image: url('../img/png/xyjsbg.png');
  background-size: cover;
  /* background-position: 0 -30px; */
  border-color: #448aca;
  /* border: none; */
}
.xy .ques-wrap .select-item span{
  color: #7c3f04;
}
.xy .ques-wrap .select-item{
  background-image: url('../img/png/xyjs.png');
}
.xy .ques-wrap .select-item i{
  border-color: #7c3f04;
}
.xy .ques-wrap .select-item i.active{
  background-color: #7c3f04;
}
.xy .comment-aq{
  border-color: #448aca;
}
.xy .title-xy{
  background: url('../img/png/xy-title.png') no-repeat center center / contain;
  height: 25px;
  margin: 0 auto 10px;
}
.xy .title-xy-rm{
  background: url('../img/png/xy-title-rm.png') no-repeat center center /contain;
}
/* .xy .content span{
  color: #0b4fea;
} */
.index .comment-wrap{
  margin-top: 40px;
}

.sy .aqdashi{
  border: solid 1px #dba249;
  background: none;
}
.sy .media-content p{
  color: #5aab99;
}
.sy .iconfont{
  color: #035d49;
}
.sy .media-content p{
  text-indent: 0;
}
.sy{
  background: #e1fdf7 url('../img/png/sybg.jpg') no-repeat 0 150px/ contain;
}
.sy .media-content .des{
  color: #90520f;
}
.sy .form-title{
  background: #e1fdf7;
}
.sy .ques-wrap{
  background-image: url('../img/png/syjsbg.png');
  background-size: cover;
  /* background-position: 0 -30px; */
  border-color: #448aca;
  /* border: none; */
}
.sy .ques-wrap .select-item span{
  color: #012f28;
}
.sy .ques-wrap .select-item{
  background-image: url('../img/png/syjs.png');
}
.sy .ques-wrap .select-item i{
  border-color: #188d7c;
}
.sy .ques-wrap .select-item i.active{
  background-color: #188d7c;
}
.sy .comment-aq{
  border-color: #448aca;
  padding-top: 0;
}
.sy .title-sy{
  background: url('../img/png/sy-title.png') no-repeat center center / contain;
  height: 32px;
  margin: 10px auto 15px;
}
.sy .title-sy-rm{
  background: url('../img/png/sy-title-rm.png') no-repeat center center /contain;
}
/* .sy .content span{
  color: #0b4fea;
} */
.sy .comment-wrap{
  position: relative;
}
.sy-bg{
  position: absolute;
  top: 0;
  left: 40px;
  width: 20px;
  height: 40px;
  background: url('../img/png/sy-bg.png') no-repeat center center / cover;
}
.sy-bg.right{
  left: auto;
  right: 40px;
}

.ln .aqdashi{
  border: solid 1px #dca349;
  background: none;
}
.ln .media-content p{
  color: #d85a16;
}
.ln .iconfont{
  color: #d85a16;
}
.ln .media-content p{
  text-indent: 0;
}
.ln{
  background: #f3f0e9 url('../img/png/lnbg.png') no-repeat 0 130px/ contain;
}
.ln .media-content .des{
  color: #90520f;
}
.ln .form-title{
  background: #f3f0e9;
}
.ln .ques-wrap{
  background-color: #f7fffc;  
  background-image: url('../img/png/lnjsbg.png');
  background-size: cover;
  /* background-position: 0 -30px; */
  border-color: #d85a16;
  /* border: none; */
}
.ln .ques-wrap .select-item span{
  color: #cf4f3e;
}
.ln .ques-wrap .select-item{
  background-image: url('../img/png/lnjs.png');
}
.ln .ques-wrap .select-item i{
  border-color: #cf4f3e;
}
.ln .ques-wrap .select-item i.active{
  background-color: #cf4f3e;
}
.ln .comment-aq{
  border-color: #d85a16;
}
.ln .title-ln{
  background: url('../img/png/ln-title.png') no-repeat center center / contain;
  height: 20px;
  margin: 0 auto 10px;
}
.ln .title-ln-rm{
  background: url('../img/png/ln-title-rm.png') no-repeat center center /contain;
}
/* .ln .content span{
  color: #ea690b;
} */



.cye .aqdashi{
  border: solid 1px #dca349;
  background: none;
}
.cye .media-content p{
  color: #ff2805;
}
.cye .iconfont{
  color: #ff2805;
}
.cye .media-content p{
  text-indent: 0;
}
.cye{
  background: #f6f6f6 url('../img/png/cyebg.png') no-repeat 0 130px/ contain;
}
.cye .media-content .des{
  color: #643600;
}
.cye .form-title{
  background: #f6f6f6;
}
.cye .ques-wrap{
  background-color: #fff;  
  background-image: url('../img/png/cyejsbg.png');
  background-size: cover;
  /* background-position: 0 -30px; */
  border-color: #d85a16;
  /* border: none; */
}
.cye .ques-wrap .select-item span{
  color: #cf4f3e;
}
.cye .ques-wrap .select-item{
  background-image: url('../img/png/cyejs.png');
}
.cye .ques-wrap .select-item i{
  border-color: #cf4f3e;
}
.cye .ques-wrap .select-item i.active{
  background-color: #cf4f3e;
}
.cye .comment-aq{
  border-color: #d85a16;
  background: url('../img/png/cytitlebg.png') no-repeat left top / 77px 60px;
  padding-top: 0;
}
.cye .link:first-of-type{
  margin-top: 0;
}
.cye .title-cye{
  background: url('../img/png/cye-title.png') no-repeat center center / contain;
  height: 52px;
  /* margin: 0 auto 10px; */
}
.cye .title-cye-rm{
  background: url('../img/png/cye-title-rm.png') no-repeat center center /contain;
}
/* .cye .content span{
  color: #ea690b;
} */

.fq{
  height: 85px;
  background: rgba(33,33,33,.9);
  display: flex;  
  padding: 0 15px;  
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.fq-box{
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #fff;
  justify-content: center;
  text-align: center;
  padding: 0 15px;
  flex: 0 0 60%;
}
.fq-box span:first-child{
  margin-bottom: 6px;
}
.fq-price{
  color: #e92016;
  font-size: 24px;
}
.fq-btn{
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #eb7f1f;
  color: #fff;
  align-self: center;
  border-radius: 5px;
  animation: scale .5s steps(2) infinite;
}

@keyframes scale {
  0%{
    transform: scale(.9)
  }
  100%{
    transform: scale(1)
  }
}

.wdcs{
  background: #f8efda;
  padding-top: 10px;
}
.wdcs .label{
  color: #cb6e13;
  font-size: 14px;
  padding: 10px 0;
  height: auto;
  line-height: 1.3;
}
.wdcs .sm-wrap .border-img .border{
  padding: 5px 8px;
  border-radius: 8px;
}

.wdcs .form-group label{
  margin-right: 5px;
  width: 64px;
}

.wdcs .form-title{
  /* width: 210px; */
}
.wdcs .wdcs-title1{
  width: 158px;
  top: -25px;
}
.wdcs .wdcs-title2{
  width: 220px;
  top: -25px;
}
.wdcs .wdcs-title3{
  width: 240px;
  top: -25px;
}

.wdcs .title{
  background: url('../img/png/wdcs-title.png') no-repeat center center/ contain;
  height: 16px;
}

.jgy{
  background: #f8efda;
}
.jgy .user-panel{
  background: url('../img/png/zgj.png') no-repeat top left / 22px 32px, url('../img/png/zgj.png') no-repeat top right / 22px 32px;
  margin: 0 15px;
  background-color: #fff;
  padding: 10px 0 10px 50px;
  border-radius: 5px;
  margin-top: 15px;
  font-size: 14px;
  color: #333;
}
.jgy .user-panel .con-group{
  margin-bottom: 5px;
}
.jgy .user-panel .label{
  color: #cb6e13;
}

.jgy .title{
  height: 16px;
  margin: 15px 0;
  width: auto;
  background: url('../img/png/jgy-title.png') no-repeat center / contain;
}
.jg-wrap{
  margin: 0 15px 15px;
  padding: 15px;
  background: #fff;
  border: 10px solid transparent;
  border-width: 35px 20px;
  border-image: url('../img/png/jg-border.png') 70 40 round;
}
.jgy-content{
  margin: -35px -20px; 
  max-height: 100%;

}
.jg-content{
  margin-bottom: 15px;
  line-height: 18px;
  text-align: justify;
  font-size: 14px;
}
.jg-content:last-child{
  margin-bottom: 0;
}

.jg-btn{
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  background: #fc902a;
  text-align: center;
  border-radius: 4px;
}
.jgy-btn{
  padding: 0 35px;
  margin: 8px 0;
}
.jg-js-title{
  margin: 15px 0;
  height: 32px;
  background: url('../img/png/jgy-js-title.png') no-repeat center / contain;
}


#luopan_box{
    height:170px;
    width:170px;
    margin:0 auto;
    position:fixed;
    top:50%;
    left:50%;
    z-index:9999999;
    margin-left:-85px;
    margin-top: -85px;
    display:none;
    vertical-align: middle;
}
#luopan_box img.img-1{
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}
@media screen and(min-width:300px){
  #luopan_box img.img-1{
      width:170px;
      height:170px;
  }
}
#luopan_box img.img-1{
    width:170px;
    height:170px;
}

@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(360deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes rotate2{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@keyframes rotate2{
    0%{ 
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
.massage_btn{display:block;}
.box-p{
    text-align: center;
    font-size: 15px;
    color:rgb(255,252,247);
    margin-top: 10px;
    font-weight:500;
}	
.luopan_bg_color{
    width:100%;
    height:100%;
    position: fixed;
    left:0; 
    top:0; 
    z-index:9999998;
    background: #000;
    opacity: 0.7;
    transition:opacity 0.5s;
    display: none;
}
::-webkit-scrollbar {/*隐藏滚轮*/
  display: none;
  }
.content1 {
  background: #fff url('../img/png/jgy-content1.png') no-repeat left bottom / 277px 144px border-box border-box;
}
.text-right{
  text-align: right;
}
.content2 {
  background: #fff url('../img/png/jgy-content2.png') no-repeat right center / 106px 115px border-box border-box; 
}

.content3 {
  background: #fff url('../img/png/jgy-content3.png') no-repeat left bottom / 110px 85px border-box border-box;
}

.fq-mask .pay-info{
  padding:0 15px 15px;
  border-bottom: 1px solid #ccc;
}
.fq-mask .pay-info img{
  flex-grow: 0;
  width: 80px;
}
.fq-mask .pay-content{
  padding-top: 10px;
  width: 100%;
}
.fq-mask .pay-content h3{
  margin-bottom: 5px;
}
.fq-mask .pay-price{
  padding: 0;
  border-bottom: none;
}

.select-info{
  display: flex;
  flex-direction: column;
  /* padding: 15px; */
  
}
.pay-sel-info{
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
  
}
.pay-sel-info .pay-item {
  display: flex;  
  align-items: center;
}
.pay-sel-info .pay-item a{
  margin-left: 10px;
  padding: 8px;
  border-radius: 3px;
  background: #ddd;  
}
.pay-sel-info .pay-item a.active{
  background-color: #ff6600;
  color: #fff;
}
.add .iconfont ,.minus .iconfont{
  font-size: 14px !important;
}
.pay-sel-info .count{
  /* padding: 10px; */
  width: 46px;
  font-size: 22px;
  text-align: center;
  text-align: center;

}
.pay-sel-info .pay-item .add{
  margin-left: 0;
}

.disabled{
  color: #ccc;
}